<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib prefix="s" uri="/struts-tags"%>
<%
  String path = request.getContextPath();
  String basePath = request.getScheme() + "://"
          + request.getServerName() + ":" + request.getServerPort()
          + path + "/";
%>
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>我的账号</title>
  <jsp:include page="../../../main/mp/inc.jsp"	/>
  <style type="text/css">
    .jqm-content > h2 {
      color: #3eb249;
      background-color: transparent;
      border-bottom: 1px solid #ddd;
      font-size: 1.1em;
      padding-bottom: .2em;
      margin: 0 0 .7375em;
    }
    .round_photo{
      width:40px;
      height:40px;
      border:2px solid #ddddde;
      -moz-border-radius: 29px;
      -webkit-border-radius: 29px;
      border-radius:29px;
    }
  </style>
</head>
<body>
<!-- class="jqm-demos" -->
<div data-role="page" id="page-main" data-theme="a">

  <%--<div data-role="header" data-position="fixed" data-theme="a">--%>
    <%----%>
  <%--</div><!-- /header -->--%>

  <div class="ui-content jqm-content jqm-fullwidth" role="main">
    <input type="hidden" id="openId" value="<s:property value="openId"/>" />
    <h2 id="Inline"><s:if test="users.headImage == null">
      <img alt="" src="../resource/com/img/avatars/male.png" class="round_photo">
    </s:if>
      <s:else>
        <img alt="" src="../com/file.action?keyId=<s:property value="users.id"/>" class="round_photo">
      </s:else><s:property value="nickname"/>
      您已经绑定该账号
    </h2>
    <p><i class="fa fa-volume-up"></i> 如需绑定其他账号或者在其他设备上使用，请先解除绑定！</p>

    <hr />
    <!--这里设置一个listview-->
    <ul data-role="listview" data-theme="a" data-dividertheme="b" data-inset="false">
      <li>
        <i class="fa fa-user"></i> 姓名：<s:property value="users.name"/>
      </li>
      <li>
        <i class="fa fa-sitemap"></i> 公司：<s:property value="users.company.subname"/>
      </li>
      <li>
        <i class="fa fa-gift"></i> 有效期：<s:property value="expireDay"/>天
      </li>
      <li>
        <%--<a data-ajax="false" id="acount_disconnect">--%>
          <%--<h2><i class="fa fa-exchange"></i> 解除绑定	</h2>--%>
          <%--<p><i class="fa fa-cog"></i> 解除绑定之后需要重新登录</p>--%>
        <%--</a>--%>
      </li>


    </ul>
    <br />

  </div><!-- /content -->
  <div data-role="footer" data-position="fixed" data-theme="a">
    <div data-role="navbar" data-iconpos="left" >
      <ul>
        <li><a href="javascript:void(0)" id="window_close" data-ajax="false" data-icon="delete">关闭页面</a></li>
        <li><a href="index.action" data-ajax="false"  data-icon="home" >进入首页</a></li>
      </ul>
    </div><!-- /navbar -->
  </div><!-- /footer -->
</div><!-- /page -->
<script type="text/javascript">
  $(function(){
    $("[data-role='navbar']").navbar();
    $("[data-role='header'], [data-role='footer']").toolbar();

    $( document ).on( "pageshow", "[data-role='page']", function() {
      try {
        WeixinJSBridge.call('hideToolbar');
        WeixinJSBridge.call('hideOptionMenu');
      } catch (e) {

      }
    });
    $("#acount_disconnect").click(function(e){
      if(!confirm("解除绑定将释放该微信和泛销账号的绑定，确定解除绑定吗？")){
        e.preventDefault();
        e.stopPropagation();
        return ;
      }
      $.mobile.loading( "show", {
        text: "正在解除绑定，请稍后...",
        textVisible: true,
        theme: "b",
        textonly: false,
        html: ""
      });
      location.replace("login.action");
    })
  });

</script>

</body>
</html>
